<template>
  <div id="app">
    <!-- <header>
      <router-link to="/home">Home</router-link>
      <router-link to="/about">About</router-link>
    </header> -->
    <div class="todo-add">
      <todo-add></todo-add>
    </div>
     <div class="todo-item">
       <todo-item></todo-item>
     </div>
      <div class="todo-btn">
        <todo-btn></todo-btn>
      </div>
    <router-view/>
  </div>
</template>

<script>
import TodoAdd from './components/TodoAdd'
import TodoItem from './components/TodoItem'
import TodoBtn from './components/TodoBtn'
export default {
  name: 'App',
  Components: {
    TodoAdd,
    TodoItem,
    TodoBtn
  }
}
</script>

<style>

</style>
